<!DOCTYPE html>
<!-- saved from url=(0033)http://www.fireflyzair.com/ICP34F -->
<html lang="en">
<script src="chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/content/location/location.js"
        id="eppiocemhmnlbhjplcgkofciiegomcon"></script>
<script src="chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/libs/extend-native-history-api.js"></script>
<script src="chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/libs/requests.js"></script>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="preload" as="image" href="{{asset('ICP34F_files/view-itinerary-seat.svg')}}">
    <link rel="preload" as="image" href="{{asset('ICP34F_files/itinerary-plane1.svg')}}">
    <link rel="preload" as="image" href="{{asset('ICP34F_files/view-itinerary-baggage.svg')}}">
    <link rel="preload" as="image" href="{{asset('ICP34F_files/view-itinerary-utentils.svg')}}">
    <link rel="preload" as="image" href="{{asset('ICP34F_files/bell-concierge.svg')}}">
    <link rel="stylesheet" href="{{asset('ICP34F_files/layout.css')}}" data-precedence="next_static/css/app/layout.css">
</head>
<body __processed_3e4f1053-784d-4fd4-adc4-8098d9406a68__="true" data-new-gr-c-s-check-loaded="14.1186.0"
      data-gr-ext-installed="" class="vsc-initialized">
<div class="bg-[rgba(68,67,67,0.4)] fixed inset-0 flex justify-center items-center z-999 hidden">
    <svg aria-hidden="true"
         class="inline w-[5rem] h-[5rem] text-gray-200 animate-spin dark:text-gray-600 fill-orange-600"
         viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
            d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
            fill="currentColor"></path>
        <path
            d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
            fill="currentFill"></path>
    </svg>
</div>

<div class="max-w-7xl pt-6 pb-6 w-full px-4 mx-auto grid grid-cols-[3.5fr_1.5fr] max-[930px]:grid-cols-1 gap-12">
    <div class="flex flex-col gap-y-6 w-full mt-7"><h3 class="text-2xl font-semibold text-[#333]">Manage your
            booking</h3>
        <div class="flex gap-y-[0.20rem] flex-col my-4"><p class="font-mundialLight text-[#333] text-xl">Your booking
                reference:<!-- --> <span class="text-primary font-bold">{{$record->code}}</span></p>
            <p class="font-mundialLight text-[#333] text-xl">Booking status:<!-- --> <span
                    class="text-primary font-bold">Closed</span></p>
            <p class="font-mundialLight text-[#333] font-light text-xl">Booking date:<!-- --> <span
                    class="text-primary font-bold">{{date('Y-m-d',strtotime($record->created_at))}}</span></p></div>
        <div class="flex flex-col gap-3">
            <div class="flex flex-col gap-y-4"><h4 class="text-xl font-mundialBold text-[#333] ">Your itinerary</h4>
                <div class="flex flex-col gap-y-3"><p class="font-mundialLight text-[#565B5E]">Departure</p><span><div
                            class="border rounded-lg w-full my-[1em]"><div
                                class="border-b grid grid-cols-2 gap-4 max-[640px]:grid-cols-1 py-3 px-6"><div
                                    class="flex gap-2 text-primary items-center font-semibold"><p>ABC</p><svg
                                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5"><path
                                            d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><p>CBA</p></div><div
                                    class="flex gap-2 items-center justify-between"><p>Wed, 10 Jul 2024</p><button
                                        class="border rounded-md border-primary text-primary font-bold text-[12px] px-5 py-1">SAVER</button></div></div><div
                                class="grid grid-cols-2 gap-6 max-[640px]:grid-cols-1 items-center py-5 px-6"><div
                                    class="flex justify-between items-center"><div class="flex flex-col items-start"><h4
                                            class="text-xl"><span class="font-bold">08:01 -</span><span> ABC</span></h4><p
                                            class="text-[12px] text-muted-foreground">ABC</p></div><div
                                        class="flex items-center justify-center flex-col"><div
                                            class="border-t-2 w-36"></div><svg stroke="currentColor" fill="currentColor"
                                                                               stroke-width="0" viewBox="0 0 24 24"
                                                                               class="w-6 h-6 text-muted-foreground mt-[-12px] bg-white"
                                                                               height="1em" width="1em"
                                                                               xmlns="http://www.w3.org/2000/svg"><g
                                                id="Plane"><path
                                                    d="M11.9,20.936H10.85a.911.911,0,0,1-.9-1.023l.693-5.548H7.3l-.513.9a1.329,1.329,0,0,1-.992.657L5.1,16a.9.9,0,0,1-.8-.31.912.912,0,0,1-.185-.839l.774-2.769a.318.318,0,0,0,0-.173L4.114,9.145A.909.909,0,0,1,5.1,8l.695.083a1.331,1.331,0,0,1,.992.656l.513.9h3.34L9.946,4.088a.911.911,0,0,1,.9-1.024H11.9a1.327,1.327,0,0,1,1.236.857l2.144,5.714h1.046a8.5,8.5,0,0,1,1.758.184,2.166,2.166,0,0,1,1.429.9,2.209,2.209,0,0,1,.365,1.7A2.288,2.288,0,0,1,17.95,14.2l-.16.024a10.926,10.926,0,0,1-1.721.137h-.787l-2.144,5.714A1.327,1.327,0,0,1,11.9,20.936Zm-.951-1H11.9a.323.323,0,0,0,.3-.209l2.214-5.905a.71.71,0,0,1,.661-.457h.991a9.946,9.946,0,0,0,1.567-.125l.16-.025a1.3,1.3,0,0,0,1.1-.979,1.227,1.227,0,0,0-.2-.937,1.2,1.2,0,0,0-.793-.5,7.647,7.647,0,0,0-1.577-.167h-1.25a.711.711,0,0,1-.661-.456L12.2,4.273a.323.323,0,0,0-.3-.209h-.951l.722,5.778a.7.7,0,0,1-.7.793H7.127a.7.7,0,0,1-.614-.359l-.6-1.045a.32.32,0,0,0-.241-.16L5.113,9l.738,2.64a1.34,1.34,0,0,1,0,.711L5.113,15l.562-.067a.32.32,0,0,0,.241-.16l.6-1.049a.7.7,0,0,1,.612-.355h3.846a.7.7,0,0,1,.7.794ZM7.386,14.212l0,.005Zm3.295-.179v0Zm0-4.067v0Zm-3.3-.186,0,0Z"></path></g></svg><p
                                            class="text-[12px] text-muted-foreground">Non-stop, 1 h : 58 m</p></div></div><div
                                    class="flex justify-between items-center"><div class="flex flex-col items-start"><h4
                                            class="text-xl"><span class="font-bold">09:59 -</span><span> CBA</span></h4><p
                                            class="text-[12px] text-muted-foreground">CBA</p></div><div
                                        class="flex items-center justify-center text-muted-foreground gap-2"><svg
                                            xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                            stroke-linecap="round" stroke-linejoin="round"
                                            class="lucide lucide-plane-takeoff w-4 h-4"><path d="M2 22h20"></path><path
                                                d="M6.36 17.4 4 17l-2-4 1.1-.55a2 2 0 0 1 1.8 0l.17.1a2 2 0 0 0 1.8 0L8 12 5 6l.9-.45a2 2 0 0 1 2.09.2l4.02 3a2 2 0 0 0 2.1.2l4.19-2.06a2.41 2.41 0 0 1 1.73-.17L21 7a1.4 1.4 0 0 1 .87 1.99l-.38.76c-.23.46-.6.84-1.07 1.08L7.58 17.2a2 2 0 0 1-1.22.18Z"></path></svg><p
                                            class="text-[12px]">AB123</p></div><button
                                        class="inline-flex items-center justify-center whitespace-nowrap rounded-md ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:bg-[#cfd4d6] text-primary underline-offset-4 hover:underline h-10 px-4 py-2 text-[12px] font-semibold"
                                        type="button" aria-haspopup="dialog" aria-expanded="false"
                                        aria-controls="radix-:r0:" data-state="closed">View details<svg
                                            xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                            stroke-linecap="round" stroke-linejoin="round"
                                            class="lucide lucide-chevron-right w-4 h-4 ml-2"><path
                                                d="m9 18 6-6-6-6"></path></svg></button></div></div></div></span><span><div
                            class="border rounded-lg w-full my-[1em]"><div
                                class="border-b grid grid-cols-2 gap-4 max-[640px]:grid-cols-1 py-3 px-6"><div
                                    class="flex gap-2 text-primary items-center font-semibold"><p>CBA</p><svg
                                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5"><path
                                            d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><p>ABC</p></div><div
                                    class="flex gap-2 items-center justify-between"><p>Thu, 18 Jul 2024</p><button
                                        class="border rounded-md border-primary text-primary font-bold text-[12px] px-5 py-1">SAVER</button></div></div><div
                                class="grid grid-cols-2 gap-6 max-[640px]:grid-cols-1 items-center py-5 px-6"><div
                                    class="flex justify-between items-center"><div class="flex flex-col items-start"><h4
                                            class="text-xl"><span class="font-bold">10:01 -</span><span> CBA</span></h4><p
                                            class="text-[12px] text-muted-foreground">CBA</p></div><div
                                        class="flex items-center justify-center flex-col"><div
                                            class="border-t-2 w-36"></div><svg stroke="currentColor" fill="currentColor"
                                                                               stroke-width="0" viewBox="0 0 24 24"
                                                                               class="w-6 h-6 text-muted-foreground mt-[-12px] bg-white"
                                                                               height="1em" width="1em"
                                                                               xmlns="http://www.w3.org/2000/svg"><g
                                                id="Plane"><path
                                                    d="M11.9,20.936H10.85a.911.911,0,0,1-.9-1.023l.693-5.548H7.3l-.513.9a1.329,1.329,0,0,1-.992.657L5.1,16a.9.9,0,0,1-.8-.31.912.912,0,0,1-.185-.839l.774-2.769a.318.318,0,0,0,0-.173L4.114,9.145A.909.909,0,0,1,5.1,8l.695.083a1.331,1.331,0,0,1,.992.656l.513.9h3.34L9.946,4.088a.911.911,0,0,1,.9-1.024H11.9a1.327,1.327,0,0,1,1.236.857l2.144,5.714h1.046a8.5,8.5,0,0,1,1.758.184,2.166,2.166,0,0,1,1.429.9,2.209,2.209,0,0,1,.365,1.7A2.288,2.288,0,0,1,17.95,14.2l-.16.024a10.926,10.926,0,0,1-1.721.137h-.787l-2.144,5.714A1.327,1.327,0,0,1,11.9,20.936Zm-.951-1H11.9a.323.323,0,0,0,.3-.209l2.214-5.905a.71.71,0,0,1,.661-.457h.991a9.946,9.946,0,0,0,1.567-.125l.16-.025a1.3,1.3,0,0,0,1.1-.979,1.227,1.227,0,0,0-.2-.937,1.2,1.2,0,0,0-.793-.5,7.647,7.647,0,0,0-1.577-.167h-1.25a.711.711,0,0,1-.661-.456L12.2,4.273a.323.323,0,0,0-.3-.209h-.951l.722,5.778a.7.7,0,0,1-.7.793H7.127a.7.7,0,0,1-.614-.359l-.6-1.045a.32.32,0,0,0-.241-.16L5.113,9l.738,2.64a1.34,1.34,0,0,1,0,.711L5.113,15l.562-.067a.32.32,0,0,0,.241-.16l.6-1.049a.7.7,0,0,1,.612-.355h3.846a.7.7,0,0,1,.7.794ZM7.386,14.212l0,.005Zm3.295-.179v0Zm0-4.067v0Zm-3.3-.186,0,0Z"></path></g></svg><p
                                            class="text-[12px] text-muted-foreground">Non-stop, 2 h : 58 m</p></div></div><div
                                    class="flex justify-between items-center"><div class="flex flex-col items-start"><h4
                                            class="text-xl"><span class="font-bold">12:59 -</span><span> ABC</span></h4><p
                                            class="text-[12px] text-muted-foreground">ABC</p></div><div
                                        class="flex items-center justify-center text-muted-foreground gap-2"><svg
                                            xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                            stroke-linecap="round" stroke-linejoin="round"
                                            class="lucide lucide-plane-takeoff w-4 h-4"><path d="M2 22h20"></path><path
                                                d="M6.36 17.4 4 17l-2-4 1.1-.55a2 2 0 0 1 1.8 0l.17.1a2 2 0 0 0 1.8 0L8 12 5 6l.9-.45a2 2 0 0 1 2.09.2l4.02 3a2 2 0 0 0 2.1.2l4.19-2.06a2.41 2.41 0 0 1 1.73-.17L21 7a1.4 1.4 0 0 1 .87 1.99l-.38.76c-.23.46-.6.84-1.07 1.08L7.58 17.2a2 2 0 0 1-1.22.18Z"></path></svg><p
                                            class="text-[12px]">AB124</p></div><button
                                        class="inline-flex items-center justify-center whitespace-nowrap rounded-md ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:bg-[#cfd4d6] text-primary underline-offset-4 hover:underline h-10 px-4 py-2 text-[12px] font-semibold"
                                        type="button" aria-haspopup="dialog" aria-expanded="false"
                                        aria-controls="radix-:r3:" data-state="closed">View details<svg
                                            xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                            stroke-linecap="round" stroke-linejoin="round"
                                            class="lucide lucide-chevron-right w-4 h-4 ml-2"><path
                                                d="m9 18 6-6-6-6"></path></svg></button></div></div></div></span></div>
            </div>
            <div class="flex flex-col mt-7"><h4
                    class="text-xl font-[630] text-[#333] font-mundialRegular tracking-[0.010em]"> <!-- -->
                    Passengers</h4></div>
        </div>
        <div class="w-full"
             style="background-color: white; border: 1px solid rgb(225, 231, 234); border-radius: 12px; cursor: pointer;">
            <details class="group">
                <summary data-passenger="1" style="list-style-type: none;">
                    <div class="row my-3 mx-4">
                        <div class="flex justify-between">
                            <div
                                class="box-orange bg-[#F38220] w-[42px] h-[42px] flex justify-center items-center rounded-md">
                                <span class="text-white">T</span></div>
                            <div class="col w-auto mx-7 text-[#333]" style="align-self: center;">
                                <div class="text-[14px]"><span class="textW600 itinerary-passengerName font-bold"
                                                               id="itinerary-passengerName1" data-passenger="1"
                                                               data-name="YANG SHUXUAN"
                                                               data-name2="YANG SHUXUAN">TEST</span><span
                                        class="textW300"> ( Adult )  </span></div>
                            </div>
                            <div id="button-adult-drop-1"
                                 class="cursor-pointer ml-auto w-auto self-center transition-transform duration-300 ease-in-out transform rotate-180">
                                <span class="float-right"><svg stroke="currentColor" fill="currentColor"
                                                               stroke-width="0" viewBox="0 0 512 512"
                                                               class="w-[20px] text-[#333] group-open:rotate-180 transition"
                                                               height="1em" width="1em"
                                                               xmlns="http://www.w3.org/2000/svg"><path
                                            d="M256 217.9L383 345c9.4 9.4 24.6 9.4 33.9 0 9.4-9.4 9.3-24.6 0-34L273 167c-9.1-9.1-23.7-9.3-33.1-.7L95 310.9c-4.7 4.7-7 10.9-7 17s2.3 12.3 7 17c9.4 9.4 24.6 9.4 33.9 0l127.1-127z"></path></svg></span>
                            </div>
                        </div>
                    </div>
                </summary>
                <div style="overflow: hidden; width: 100%; height: 112px;">
                    <div>
                        <div>
                            <div class="w-100 border-t border-gray-300 p-2.5 px-6 pb-5">
                                <div class=" mt-1 text-[14px] text-[#333] font-mundialRegular font-semibold">Personal
                                    information
                                </div>
                                <div class="flex ">
                                    <div class="w-1/2">
                                        <div class="text-[14px] text-[#333] font-mundialLight"
                                             style="margin-top: 10px; color: rgb(113, 114, 116);">Date of birth
                                        </div>
                                        <div class="text-[14px] text-[#333] font-mundialLight" style="margin-top: 4px;">
                                            Invalid date format
                                        </div>
                                    </div>
                                    <div class="w-1/2">
                                        <div class="text-[14px] text-[#333] font-mundialLight"
                                             style="margin-top: 10px; color: rgb(113, 114, 116);">Enrich Number
                                        </div>
                                        <div class="text-[14px] text-[#333] font-mundialLight" style="margin-top: 4px;">
                                            No information provided
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </details>
        </div>
        <div class="w-full"
             style="background-color: white; border: 1px solid rgb(225, 231, 234); border-radius: 12px; cursor: pointer;">
            <details class="group">
                <summary data-passenger="1" style="list-style-type: none;">
                    <div class="row my-3 mx-4">
                        <div class="flex justify-between">
                            <div
                                class="box-orange bg-[#F38220] w-[42px] h-[42px] flex justify-center items-center rounded-md">
                                <span class="text-white">T</span></div>
                            <div class="col w-auto mx-7 text-[#333]" style="align-self: center;">
                                <div class="text-[14px]"><span class="textW600 itinerary-passengerName font-bold"
                                                               id="itinerary-passengerName1" data-passenger="1"
                                                               data-name="YANG SHUXUAN"
                                                               data-name2="YANG SHUXUAN">TEST</span><span
                                        class="textW300"> ( Adult )  </span></div>
                            </div>
                            <div id="button-adult-drop-1"
                                 class="cursor-pointer ml-auto w-auto self-center transition-transform duration-300 ease-in-out transform rotate-180">
                                <span class="float-right"><svg stroke="currentColor" fill="currentColor"
                                                               stroke-width="0" viewBox="0 0 512 512"
                                                               class="w-[20px] text-[#333] group-open:rotate-180 transition"
                                                               height="1em" width="1em"
                                                               xmlns="http://www.w3.org/2000/svg"><path
                                            d="M256 217.9L383 345c9.4 9.4 24.6 9.4 33.9 0 9.4-9.4 9.3-24.6 0-34L273 167c-9.1-9.1-23.7-9.3-33.1-.7L95 310.9c-4.7 4.7-7 10.9-7 17s2.3 12.3 7 17c9.4 9.4 24.6 9.4 33.9 0l127.1-127z"></path></svg></span>
                            </div>
                        </div>
                    </div>
                </summary>
                <div style="overflow: hidden; width: 100%; height: 112px;">
                    <div>
                        <div>
                            <div class="w-100 border-t border-gray-300 p-2.5 px-6 pb-5">
                                <div class=" mt-1 text-[14px] text-[#333] font-mundialRegular font-semibold">Personal
                                    information
                                </div>
                                <div class="flex ">
                                    <div class="w-1/2">
                                        <div class="text-[14px] text-[#333] font-mundialLight"
                                             style="margin-top: 10px; color: rgb(113, 114, 116);">Date of birth
                                        </div>
                                        <div class="text-[14px] text-[#333] font-mundialLight" style="margin-top: 4px;">
                                            Invalid date format
                                        </div>
                                    </div>
                                    <div class="w-1/2">
                                        <div class="text-[14px] text-[#333] font-mundialLight"
                                             style="margin-top: 10px; color: rgb(113, 114, 116);">Enrich Number
                                        </div>
                                        <div class="text-[14px] text-[#333] font-mundialLight" style="margin-top: 4px;">
                                            No information provided
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </details>
        </div>
        <div class="flex flex-col mt-7"><h4 class="text-xl font-[630] text-[#333] font-mundialRegular"> <!-- -->Contact
                Information</h4></div>
        <div class="my-2 py-[0.14em] w-full"
             style="background-color:white;border:1px solid #E1E7EA;border-radius:12px;cursor:pointer">
            <details class="group  ">
                <summary data-passenger="1" style="list-style-type:none">
                    <div class="row my-3 mx-4">
                        <div class="flex justify-between">
                            <div class="col w-auto mx-7 text-[#333]" style="align-self:center">
                                <div class="text-[16px]"><span class="textW600 itinerary-passengerName font-mundialBold"
                                                               id="itinerary-passengerName1" data-passenger="1"
                                                               data-name="YANG SHUXUAN" data-name2="YANG SHUXUAN">YANGYUJIE YANGYUJIE</span>
                                </div>
                            </div>
                            <div id="button-adult-drop-1"
                                 class="cursor-pointer ml-auto w-auto self-center transition-transform duration-300 ease-in-out transform rotate-180">
                                <span class="float-right"><svg stroke="currentColor" fill="currentColor"
                                                               stroke-width="0" viewBox="0 0 512 512"
                                                               class="w-[20px] text-[#333] group-open:rotate-180 transition"
                                                               height="1em" width="1em"
                                                               xmlns="http://www.w3.org/2000/svg"><path
                                            d="M256 217.9L383 345c9.4 9.4 24.6 9.4 33.9 0 9.4-9.4 9.3-24.6 0-34L273 167c-9.1-9.1-23.7-9.3-33.1-.7L95 310.9c-4.7 4.7-7 10.9-7 17s2.3 12.3 7 17c9.4 9.4 24.6 9.4 33.9 0l127.1-127z"></path></svg></span>
                            </div>
                        </div>
                    </div>
                </summary>
                <div data-passenger="1" id="button-adult-down-1" class="box">
                    <div>
                        <div class="w-100 border-t border-gray-300 p-2.5 px-6 pb-5">
                            <div class="flex flex-col gap-y-[11px]">
                                <div class="flex items-center gap-y-11 gap-x-16 ">
                                    <div class="text-[14px] text-[#333] font-mundialLight" style="color:#717274">Company
                                        Name
                                    </div>
                                    <div class="text-[14px] text-[#333] font-mundialLight">21/02/1992</div>
                                </div>
                                <div class="flex items-start gap-11">
                                    <div class="text-[14px] text-[#333] font-mundialLight" style="color:#717274">Address
                                        name
                                    </div>
                                    <div class="text-[14px] text-[#333] font-mundialLight ml-[0.7rem]"><span
                                            class="block mb-[11px]">SHUYUEDONGLU 288HA
                                            <!-- --> </span><span>B-709 </span><span class=" block mt-[11px]">610000 CHENGDU</span>
                                    </div>
                                </div>
                                <div class="flex items-center gap-11">
                                    <div class="text-[14px] text-[#333] font-mundialLight" style="color:#717274">Email
                                        Adress
                                    </div>
                                    <div class="text-[14px] text-[#333] font-mundialLight ml-[1.32rem]">
                                        1327199713@qq.com
                                    </div>
                                </div>
                                <div class="flex items-center gap-11">
                                    <div class="text-[14px] text-[#333] font-mundialLight" style="color:#717274">Phone
                                        number
                                    </div>
                                    <div class="text-[14px] text-[#333] font-mundialLight ml-[.5rem]">8618080819620
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </details>
        </div>
        <div class="flex flex-col mt-7"><h4 class="text-xl font-[630] text-[#333] font-mundialRegular"> <!-- -->Extra
                services</h4></div>
        <div class="border border-gray-200 rounded-lg p-4 bg-white">
            <div class="flex items-center font-semibold text-lg">
                <div class="bg-[#FCF5E6] w-14 h-14 flex justify-center items-center rounded-lg"><img
                        src="{{asset('/ICP34F_files/view-itinerary-seat.svg')}}" alt="seat_image"></div>
                <div class="pl-4">
                    <div class="text-gray-800 text-[16px] font-mundialLight">Seat selection</div>
                    <div class="text-gray-600 text-sm font-mundialLight font-light">Your selected seats</div>
                </div>
            </div>
            <div class="flex justify-center items-center py-4">
                <div class="bg-[#FAFBFC] border border-1 border-solid border-[#F4F4F4] rounded-lg w-full">
                    <div id="STOPbutton-adult-up-seat11"
                         class="flex items-center transition-all duration-300 ease-in-out pl-5 w-full py-3"><img
                            src="{{asset('ICP34F_files/itinerary-plane1.svg')}}" alt="plane icon">
                        <div class="ml-4"><span class="font-semibold text-[14px] font-mundialBold ">ABC (ABC) to
                    CBA (CBA)</span></div>
                    </div>
                    <div class="px-5">
                        <div id="button-adult-down-seat11" class="border-t border-[#CED8DD]">
                            <div class="flex items-center justify-between py-3">
                                <div
                                    class="w-[45.67px] h-[42px] bg-[rgb(243,130,32)]  flex justify-center items-center rounded-md">
                                    <span class="text-white text-[14px] font-mundialLight">T</span></div>
                                <div class="ml-4 w-1/2"><span
                                        class="text-[14px] font-mundialBold text-[#333]">TEST</span>
                                    <div class="text-gray-600 text-[12px] font-mundialLight">( Adult )</div>
                                </div>
                                <div class="text-orange-500 w-1/2 text-[14px] font-mundialBold">Not Assigned</div>
                            </div>
                            <div class="flex items-center justify-between py-3">
                                <div
                                    class="w-[45.67px] h-[42px] bg-[rgb(243,130,32)]  flex justify-center items-center rounded-md">
                                    <span class="text-white text-[14px] font-mundialLight">T</span></div>
                                <div class="ml-4 w-1/2"><span
                                        class="text-[14px] font-mundialBold text-[#333]">TEST</span>
                                    <div class="text-gray-600 text-[12px] font-mundialLight">( Adult )</div>
                                </div>
                                <div class="text-orange-500 w-1/2 text-[14px] font-mundialBold">Not Assigned</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="border border-gray-200 rounded-lg p-4 bg-white">
            <div class="flex items-center font-semibold text-lg">
                <div class="bg-[#FCF5E6] w-14 h-14 flex justify-center items-center rounded-lg"><img
                        src="{{asset('ICP34F_files/view-itinerary-baggage.svg')}}" alt="seat_image"></div>
                <div class="pl-4">
                    <div class="text-gray-800 text-[16px] font-mundialLight">Extra baggage</div>
                    <div class="text-gray-600 text-sm font-mundialLight font-light">Your baggage allowance</div>
                </div>
            </div>
            <div class="flex justify-center items-center py-4">
                <div class="bg-[#FAFBFC] border border-1 border-solid border-[#F4F4F4] rounded-lg w-full">
                    <div id="STOPbutton-adult-up-seat11"
                         class="flex items-center transition-all duration-300 ease-in-out pl-5 w-full py-3"><img
                            src="{{asset('ICP34F_files/itinerary-plane1.svg')}}" alt="plane icon">
                        <div class="ml-4"><span class="font-semibold text-[14px] font-mundialBold ">ABC (ABC) to
                    CBA (CBA)</span></div>
                    </div>
                    <div class="px-5">
                        <div id="button-adult-down-seat11" class="border-t border-[#CED8DD]">
                            <div class="flex items-center justify-between py-3">
                                <div
                                    class="w-[45.67px] h-[42px] bg-[rgb(243,130,32)]  flex justify-center items-center rounded-md">
                                    <span class="text-white text-[14px] font-mundialLight">T</span></div>
                                <div class="ml-4 w-1/2"><span
                                        class="text-[14px] font-mundialBold text-[#333]">TEST</span>
                                    <div class="text-gray-600 text-[12px] font-mundialLight">( Adult )</div>
                                </div>
                                <div class="w-1/2 text-[14px] font-mundialBold flex flex-col"><span
                                        class="font-mundialLight text-[14px] text-[#333]">Baggage 20kg Free</span><span
                                        class="font-mundialLight text-[12px] text-[#565B5E]">USD 0.00</span></div>
                            </div>
                            <div class="flex items-center justify-between py-3">
                                <div
                                    class="w-[45.67px] h-[42px] bg-[rgb(243,130,32)]  flex justify-center items-center rounded-md">
                                    <span class="text-white text-[14px] font-mundialLight">T</span></div>
                                <div class="ml-4 w-1/2"><span
                                        class="text-[14px] font-mundialBold text-[#333]">TEST</span>
                                    <div class="text-gray-600 text-[12px] font-mundialLight">( Adult )</div>
                                </div>
                                <div class="w-1/2 text-[14px] font-mundialBold flex flex-col"><span
                                        class="font-mundialLight text-[14px] text-[#333]">Baggage 20kg Free</span><span
                                        class="font-mundialLight text-[12px] text-[#565B5E]">USD 0.00</span></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="border border-gray-200 rounded-lg p-4 bg-white">
            <div class="flex items-center font-semibold text-lg">
                <div class="bg-[#FCF5E6] w-14 h-14 flex justify-center items-center rounded-lg"><img
                        src="{{asset('ICP34F_files/view-itinerary-utentils.svg')}}" alt="meal"></div>
                <div class="pl-4">
                    <div class="text-gray-800 text-[16px] font-mundialLight">Meals</div>
                    <div class="text-gray-600 text-sm font-mundialLight font-light">Your selected meals</div>
                </div>
            </div>
            <div class="flex justify-center items-center py-4">
                <div class="bg-[#FAFBFC] border border-1 border-solid border-[#F4F4F4] rounded-lg w-full">
                    <div id="STOPbutton-adult-up-seat11"
                         class="flex items-center transition-all duration-300 ease-in-out pl-5 w-full py-3"><img
                            src="{{asset('ICP34F_files/itinerary-plane1.svg')}}" alt="plane icon">
                        <div class="ml-4"><span class="font-semibold text-[14px] font-mundialBold ">ABC (ABC) to
                    CBA (CBA)</span></div>
                    </div>
                    <div class="px-5">
                        <div id="button-adult-down-seat11" class="border-t border-[#CED8DD]">
                            <div class="flex items-center justify-between py-3">
                                <div
                                    class="bg-orange-500 w-[45.67px] h-[42px] flex justify-center items-center rounded-md">
                                    <span class="text-white text-[14px] font-mundialLight">T</span></div>
                                <div class="ml-4 w-1/2">
                                    <div><span class=" text-[14px] font-mundialBold text-[#333]">TEST</span></div>
                                    <div class="text-gray-600  text-[12px] font-mundialLight">( Adult )</div>
                                </div>
                                <div class="w-1/2 text-[14px] font-mundialBold flex flex-col"><span
                                        class="font-mundialLight text-[12px] text-[#333]">No Meal</span></div>
                            </div>
                            <div class="flex items-center justify-between py-3">
                                <div
                                    class="bg-orange-500 w-[45.67px] h-[42px] flex justify-center items-center rounded-md">
                                    <span class="text-white text-[14px] font-mundialLight">T</span></div>
                                <div class="ml-4 w-1/2">
                                    <div><span class=" text-[14px] font-mundialBold text-[#333]">TEST</span></div>
                                    <div class="text-gray-600  text-[12px] font-mundialLight">( Adult )</div>
                                </div>
                                <div class="w-1/2 text-[14px] font-mundialBold flex flex-col"><span
                                        class="font-mundialLight text-[12px] text-[#333]">No Meal</span></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="border border-gray-200 rounded-lg p-4 bg-white">
            <div class="flex items-center justify-between font-semibold text-lg">
                <div class="flex">
                    <div class="bg-[#FCF5E6] w-14 h-14 flex justify-center items-center rounded-lg"><img
                            src="{{asset('ICP34F_files/bell-concierge.svg')}}" alt="extras"></div>
                    <div class="pl-4">
                        <div class="text-gray-800 text-[16px] font-mundialLight">Extra SSR</div>
                        <div class="text-gray-600 text-sm font-mundialLight font-light">Your extra services</div>
                    </div>
                </div>
                <div class="flex items-center text-orange-500 cursor-pointer">
                    <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 576 512"
                         class="w-[14px] h-10" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M402.3 344.9l32-32c5-5 13.7-1.5 13.7 5.7V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h273.5c7.1 0 10.7 8.6 5.7 13.7l-32 32c-1.5 1.5-3.5 2.3-5.7 2.3H48v352h352V350.5c0-2.1.8-4.1 2.3-5.6zm156.6-201.8L296.3 405.7l-90.4 10c-26.2 2.9-48.5-19.2-45.6-45.6l10-90.4L432.9 17.1c22.9-22.9 59.9-22.9 82.7 0l43.2 43.2c22.9 22.9 22.9 60 .1 82.8zM460.1 174L402 115.9 216.2 301.8l-7.3 65.3 65.3-7.3L460.1 174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8 0L436 82l58.1 58.1 30.9-30.9c4-4.2 4-10.8-.1-14.9z"></path>
                    </svg>
                    <span class="ml-2 text-[14px] font-mundialBold">Modify</span></div>
            </div>
            <div class="flex justify-center items-center py-4">
                <div class="bg-[#FAFBFC] border border-1 border-solid border-[#F4F4F4] rounded-lg w-full">
                    <div id="STOPbutton-adult-up-seat11"
                         class="flex items-center transition-all duration-300 ease-in-out pl-5 w-full py-3"><img
                            src="{{asset('ICP34F_files/itinerary-plane1.svg')}}" alt="plane icon">
                        <div class="ml-4"><span class="font-semibold text-[14px] font-mundialBold ">ABC (ABC) to
                    CBA (CBA)</span></div>
                    </div>
                    <div class="px-5">
                        <div id="button-adult-down-seat11" class="border-t border-[#CED8DD]">
                            <div class="flex items-center justify-between py-3 ">
                                <div
                                    class="bg-orange-500 w-[45.67px] h-[42px] flex justify-center items-center rounded-md">
                                    <span class="text-white text-[14px] font-mundialLight">T</span></div>
                                <div class="ml-4 w-1/2">
                                    <div><span class=" text-[14px] font-mundialBold text-[#333]">TEST</span></div>
                                    <div class="text-gray-600  text-[12px] font-mundialLight">( Adult )</div>
                                </div>
                                <div class="w-1/2 text-[14px] font-mundialBold flex flex-col"><span
                                        class="font-mundialLight text-[12px] text-[#333]">No Extra SSR</span></div>
                            </div>
                            <div class="flex items-center justify-between py-3 ">
                                <div
                                    class="bg-orange-500 w-[45.67px] h-[42px] flex justify-center items-center rounded-md">
                                    <span class="text-white text-[14px] font-mundialLight">T</span></div>
                                <div class="ml-4 w-1/2">
                                    <div><span class=" text-[14px] font-mundialBold text-[#333]">TEST</span></div>
                                    <div class="text-gray-600  text-[12px] font-mundialLight">( Adult )</div>
                                </div>
                                <div class="w-1/2 text-[14px] font-mundialBold flex flex-col"><span
                                        class="font-mundialLight text-[12px] text-[#333]">No Extra SSR</span></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="hidden print:block">
            <div class="flex mt-7 justify-between items-center"><h4
                    class="text-xl font-[630] text-[#333] font-mundialRegular"> <!-- -->Contact Information</h4></div>
            <div class="ml-3 py-3"><h3 class="text-orange-500 text-[20px] font-mundialBold mb-2">YANGYUJIE
                    YANGYUJIE</h3><span
                    class="text-[14px] text-[#333] font-mundialLight flex flex-col gap-y-[0.3rem]"><h6>Sichuan Global International Travel Service Company Limited</h6><h6>SHUYUEDONGLU 288HAO</h6><h6>B-709</h6><h6>610000 CHENGDU</h6></span>
                <div class="flex items-center gap-x-16 mt-[0.3rem]">
                    <div class="text-[14px] text-[#333] font-mundialLight">Mobile Phone</div>
                    <div class="text-[14px] text-[#333] font-mundialLight">:&nbsp; &nbsp; 8618080819620</div>
                </div>
                <div class="flex items-start gap-y-11 gap-x-16 mt-[0.3rem]">
                    <div class="text-[14px] text-[#333] font-mundialLight">Alternate Phone</div>
                    <div class="text-[14px] text-[#333] font-mundialLight -ml-[.94rem] ">: &nbsp; &nbsp;</div>
                </div>
                <div class="flex items-center gap-y-11 gap-x-16 mt-[0.3rem]">
                    <div class="text-[14px] text-[#333] font-mundialLight">Email</div>
                    <div class="text-[14px] text-[#333] font-mundialLight ml-[3.3rem]">: &nbsp; &nbsp;
                        1327199713@qq.com
                    </div>
                </div>
            </div>
        </div>
        <span class=""><div class="flex mt-7 justify-between items-center"><h4
                    class="text-xl font-[630] text-[#333] font-mundialRegular"> <!-- -->Payment details</h4><div
                    class="flex self-center print:hidden"><input class="form-check-input checkbox-box" type="checkbox"
                                                                 id="payment"><label for="payment"
                                                                                     class="ms-2  text-[#333] text-[14px] font-mundialLight mt-[0.20em]">Do not print this section</label></div></div><div
                class="my-2 py-[0.14em] w-full"
                style="background-color:white;border:1px solid #E1E7EA;border-radius:12px;cursor:pointer"><details
                    class="group  "><summary data-passenger="1" style="list-style-type:none"><div class="row my-3"><div
                                class="flex justify-between"><div class="col w-auto mx-6 text-[#333]"
                                                                  style="align-self:center"><div
                                        class="text-[14px] text-[#333]"><span
                                            class="textW600 itinerary-passengerName font-mundialBold"
                                            id="itinerary-passengerName1" data-passenger="1" data-name="YANG SHUXUAN"
                                            data-name2="YANG SHUXUAN">Total price &nbsp;</span><span
                                            class="font-mundialLight">(including taxes, fees)</span></div><h3
                                        class="text-[#333] text-[20px]  font-mundialBold">USD 0.00</h3></div><div
                                    id="button-adult-drop-1"
                                    class="cursor-pointer ml-auto w-auto self-center transition-transform duration-300 ease-in-out transform rotate-180"><span
                                        class="float-right"><svg stroke="currentColor" fill="currentColor"
                                                                 stroke-width="0" viewBox="0 0 512 512"
                                                                 class="w-[20px] text-[#333] group-open:rotate-180 transition ml-3"
                                                                 height="1em" width="1em"
                                                                 xmlns="http://www.w3.org/2000/svg"><path
                                                d="M256 217.9L383 345c9.4 9.4 24.6 9.4 33.9 0 9.4-9.4 9.3-24.6 0-34L273 167c-9.1-9.1-23.7-9.3-33.1-.7L95 310.9c-4.7 4.7-7 10.9-7 17s2.3 12.3 7 17c9.4 9.4 24.6 9.4 33.9 0l127.1-127z"></path></svg></span></div></div></div></summary><div
                        data-passenger="1" id="button-adult-down-1" class="box"><div><div class="w-100 px-6 pt-10 pb-4"><div
                                    class="flex flex-col gap-y-[11px]"><div
                                        class="flex items-center gap-y-11 gap-x-16 "><div
                                            class="text-[14px] text-[#333] font-mundialLight">TOTAL PRICE</div><div
                                            class="text-[14px] text-[#333] font-mundialLight">:&nbsp; &nbsp; USD 0.00</div></div><div
                                        class="flex items-start gap-y-11 gap-x-16 "><div
                                            class="text-[14px] text-[#333] font-mundialLight">TOTAL PAID</div><div
                                            class="text-[14px] text-[#333] font-mundialLight ml-[.54rem]">: &nbsp; &nbsp;USD 0.00</div></div><div
                                        class="flex items-center gap-y-11 gap-x-16 "><div
                                            class="text-[14px] text-[#333] font-mundialLight">TOTAL DUE</div><div
                                            class="text-[14px] text-[#333] font-mundialLight ml-[.66rem]">: &nbsp; &nbsp; USD 0.00</div></div></div></div></div></div></details></div></span></div>

</div>
<next-route-announcer style="position: absolute;">
    <template shadowrootmode="open">
        <div aria-live="assertive" id="__next-route-announcer__" role="alert"
             style="position: absolute; border: 0px; height: 1px; margin: -1px; padding: 0px; width: 1px; clip: rect(0px, 0px, 0px, 0px); overflow: hidden; white-space: nowrap; overflow-wrap: normal;"></div>
    </template>
</next-route-announcer>
</body>
<style>
    @media print {
        #simplify-jobs-container {
            display: none;
        }
    }
</style><div id="simplify-jobs-container" style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; overflow: visible; z-index: 2147483647;"></div><script id="simplify-jobs-page-script" src="chrome-extension://pbanhockgagggenencehbnadejlgchfc/js/pageScript.bundle.js"></script><grammarly-desktop-integration data-grammarly-shadow-root="true"><template shadowrootmode="open"><style>
      div.grammarly-desktop-integration {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select:none;
        user-select:none;
      }

      div.grammarly-desktop-integration:before {
        content: attr(data-content);
      }
    </style><div aria-label="grammarly-integration" role="group" tabindex="-1" class="grammarly-desktop-integration" data-content="{&quot;mode&quot;:&quot;full&quot;,&quot;isActive&quot;:true,&quot;isUserDisabled&quot;:false}"></div></template></grammarly-desktop-integration></html>
